<template>
  <div :class="$style.rgmodal1">
    <img :class="$style.icon" :src="type == 1 ? img1 : img2" alt="" @click="changeType(1)">
    <img :class="$style.icon" :src="type == 2 ? img1 : img2" alt="" @click="changeType(2)">
  </div>
</template>
<script>
import { defineComponent } from "vue";
export default defineComponent({
  name: "RgModal1",
  data() {
    return {
      type: 1,
      img1: '/shichangmoshixuanzhong.png',
      img2: '/shichangmoshiweixuanzhong.png',
    };
  },
  methods: {
    changeType(type) {
      this.type = type;
    }
  },
});
</script>
<style module>
.rgmodal1 {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 20px;
  display: flex;
  align-items: center;
}

.icon {
  width: 80px;
  height: 32px;
  cursor: pointer;
}

.icon:last-child {
  margin-left: 30px;
}
</style>